/**
 * Created by Administrator on 2017/2/27.
 */
var SideBar = require('../../src/complex/sideBar');

var Root = React.createClass({
    getInitialState: function () {
        return{
            sideBarItem:PageDM.sideBar.value
        }
    },
    componentDidMount: function(){
        UEventHub.emit("pageLoad","hello world!");
    },
    render: function() {
        return (
            <div>
                <div className="mod-account container">
                    <div className="sub-nav">
                        <SideBar sideBarItem={this.state.sideBarItem}/>
                    </div>
                    <div className="account padding">
                        <div className="help-main">
                            <div className="mod-title title"><b></b>实名认证指引<b></b></div>
                            <div className="mod-guide">
                                <p className="fc-link tips">本平台通过用户绑定银行卡进行实名认证：</p>
                                <div className="step">
                                    <span className="bg-icon icon">1</span>
                                    <div className="content">
                                        <p>点击导航“我的账户”，进入个人信息页面后点击“<b>实名认证</b>”</p>
                                        <p className="img"><img src="../content/images/help/img6.jpg" alt=""/></p>
                                    </div>
                                </div>
                                <div className="step">
                                    <span className="bg-icon icon">2</span>
                                    <div className="content">
                                        <p>在弹出页面内依次填写相关信息，点击“<b>确定</b>”</p>
                                        <p className="img"><img src="../content/images/help/img7.jpg" alt=""/></p>
                                    </div>
                                </div>
                                <div className="step last">
                                    <span className="bg-icon icon">3</span>
                                    <div className="content">
                                        <p>实名认证完成后，可以看到真实姓名及加密的身份证号</p>
                                        <p className="img"><img src="../content/images/help/img8.jpg" alt=""/></p>
                                    </div>
                                </div>

                            </div>
                            <div className="clear"></div>
                        </div>
                    </div>
                    <div className="clear"></div>
                </div>
            </div>
        )
    }
});
ReactDOM.render(<Root/>, document.getElementById('giraffe'));